/***overrrides***/
div.ms-webpart-cell-vertical-inline-table{
	margin-bottom:0px;
}	
#bodyWebparts #secondRow .ms-webpart-zone, #bodyWebparts #thirdRow .ms-webpart-zone, #bodyWebparts #fourthRow .ms-webpart-zone{
	padding-top:0px
}
#bodyContent{
	margin-top:0px
}
form[action*="Event-Details"] #contentArea .contentWrap{width:100%}
form[action*="Event-Details"] #contentArea .webPageTitle{margin-left:0}
form[action*="Event-Details"] .sideNavColumn{
	display:none
}
#bottomRow{
	display:none;
}
#bodyWebparts .cobForm_webpart{
	margin-top:45px;
	margin-bottom:45px;
}

/*#bramptonNotification{
	display:none
}*/

/***** Events *****/
.event{margin-bottom:20px;}
.event .date{
    padding: 4px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    float:left;
    background-color:var(--bs-gray-200);
}
.event .dateSmall{
    padding: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 7px;
    text-align: center;
    float:left;
    margin-top:2.55px;
}
.event .itemdDescription{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.event .event{
    margin-left: 31px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.event .event:first-child{
	padding-top:40px;
}
.event .event.lastEvent{
	padding-bottom:180px;
}
.event .date .day{
	font-size: 160%;
    line-height: 1;
}
.event span{display: block;}
.event .itembody-Trim {
	margin-right: 15px;
    margin-left: 71px;
}
.event .itembody-Trim h3{
	margin-top:0px;
	margin-bottom:3px;
	font-weight: 600;
	
}
#EventsList .event .itembody-Trim a{
	color:#000;
	text-decoration:none
}
#EventsList .event .itembody-Trim a:hover{
	text-decoration:underline
}
.event .time span{display:inline-block;}
.event .time {color:#000;/* font-weight:600; */font-size:100%;}
.event .time span{display:inline-block; font-weight:normal; font-size:90%}
.event .startDate {border-right:1px solid #777; padding-right:4px; margin-right:4px}
.event .endDate {border-right:1px solid #777; padding-right:4px; margin-right:4px}
#ActiveEvents span{display: block;}

.event .itemCategory {font-size:90%; margin-bottom:7px;}
.event .itemCategory::before{
       content: '';
       display: block;
       float: left;
       width: 11px;
       height: 11px;
       border-radius: 6px;
       background-color: var(--bs-gray-300);
       margin-top: 5px;
       margin-right: 3px;
    }
.event .itemCategory.Brampton.Entrepreneur.Centre::before{
	background-color: var(--bs-yellow);
}
.event .Arts.Culture.Tourism.Events::before{
	background-color: var(--bs-purple);
}
.event .Residents::before{
	background-color: var(--bs-orange);
}
.event .Sports::before{
	background-color: #00c5a0;;
}
.event .Business::before{
	background-color: var(--bs-green);
}
.event .Experience.Brampton::before{
	background-color:#2196F3;	
}
.event  .Marquee.Festivals::before{
	background-color:#b3003d;
}

/********Search box**********/
#lnkNewSearch{
	height:49px;
	min-width: 49px;
	line-height: 42px;
	padding: 6px;
}
#lnkNewSearch i{
	font-size: 26px;
}
/*************refinement Events panel***********/
#sideNav div.ms-webpart-cell-vertical-inline-table{margin-bottom:0}
#sideNav .ms-ref-refiner {
    padding: 0px 0px 0px 10px;
}
#sideNav .btn{
	margin: 0px 10px;
}
@media (min-width: 992px){
	#sideNav .ms-ref-refiner {
	    display: block;
	    padding: 0px 10px;
	}
	#sideNav .btn{
		margin: 0px 10px;
	}
}
#tagsContainer .refinerSubtitle{font-size:110%}
#tagsContainer .categoryLink{
 background-color:var(--bs-gray-200);
 margin-bottom: 5px;
 padding: 6px 4px;
 text-decoration: none;
 font-weight:normal;
}
#tagsContainer .categoryLink *{color:#000}
#tagsContainer .categoryLink:hover{
 background-color:var(--bs-gray-400);
} 
#tagsContainer .Arts.Culture.Tourism.Events.refimentValue .categoryLink{
	border-left:4px solid var(--bs-purple);	
}
#tagsContainer .Experience.Brampton .categoryLink{
	border-left:4px solid #2196F3;	
}
#tagsContainer .Marquee.Festivals .categoryLink{
	border-left:4px solid #b3003d;	
}
#tagsContainer .Brampton.Entrepreneur.Centre .categoryLink{
	border-left:4px solid var(--bs-yellow);	
}
#tagsContainer .Business .categoryLink{
	border-left:4px solid var(--bs-green);	
}
#tagsContainer .Residents .categoryLink{
	border-left:4px solid var(--bs-orange);	
}
#tagsContainer .Sports .categoryLink{
	border-left: 4px solid #00c5a0;
}
#tagsContainer .categoryLink[title="refine by: All"]{
	border-radius:60px;
	text-align:center;
	display:inline-block;
	padding-left:12px;
	padding-right:12px;
	background-color:var(--bs-gray-400);
	color:#fff;
	margin-top:10px
}
#tagsContainer .ms-ref-ellipsis:before {
    content: "View";  
}
#tagsContainer .ms-ref-ellipsis:after {
    content: "Categories";
}

/********Event Article Pages****/
#eventArticle{
	margin-bottom:45px;
}
#eventBody{
	margin-bottom:45px;
}
#eventBody> * :not(h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span)
{
	font-family: inherit !important;
	font-size: inherit !important;
}
 
#eventBody> span
{
	font-family: inherit !important;
	font-size: inherit !important;
}
.eventInfoPanel{
	background-color:var(--bs-gray-200);
	padding:15px 0;
}
.eventlabel{
	font-weight:bold;
}
#InfoMainPanel{
	position:relative;
	margin-bottom:65px;
}
#InfoMainPanel .backToCalendar{
	position:absolute;
	right:15px;
	bottom:-40px;
	width:auto;
}
#InfoSecPanel{
	padding-bottom:20px;
	margin-bottom:0px
}
#eventVideos{
	background-color: #000000;
	padding: 60px 15px;
	margin-top:45px;
	margin-left:-15px;
	margin-right:-15px;
}
@media(min-width:768px){
 #InfoSecPanel{margin-bottom:30px}
}
@media(min-width:992px){
	#InfoMainPanel, #InfoSecPanel{
		margin-top:30px;
		margin-left:0px;
		margin-right:0px;
	}
	#InfoMainPanel .backToCalendar{right:0px;}
	#eventVideos{
		padding: 60px 9999px;
		margin-left: -9999px;
		margin-right: -9999px;
	}
}


/*******event schedule**********/
.programSchedule,
.activity-vendor-artist {
    display: none;
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-200);
    padding: 15px;
}
.btn.viewMore{
	text-align:left!important;
	position: relative;
}
.viewMore.expanded .fa-solid:before{
	content: "\f106"
}
i.fa-solid.fa-chevron-down {
    position: absolute;
    right: 0px;
    top: 0;
    height: 36px;
    line-height: 36px;
    width: 36px;
}

/**********activities************/
.activity-vendor-artist h3{
	font-size: 115%;
}
.activity-vendor-artist .activity-item{
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 100px;
}
.activity-vendor-artist .activity-item.noImage{
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 80px;
}
.activity-desc{
	display:none
}
.activity-vendor-artist img{
	width: 70px;
	float:left;
	border-radius: 50%;
} 
.activity-vendor-artist i.fa-light {
    width: 70px;
    height: 70px;
    display: block;
    background-color: var(--bs-gray-400);
    float: left;
    border-radius: 50%;
    font-size: 32px;
    color: var(--bs-gray-600);
    line-height: 65px;
    text-align: center;
}
.activity-vendor-artist i.fa-light.fa-store{
	line-height: 70px;
}
.activity-vendor-artist .activity-content{
	 margin-left: 80px;
}
.activity-vendor-artist .activity-content.noImage{
	margin-left:0;
}
#Vendors .viewmore.expanded + .activity-vendor-artist{
	display:flex!important;
}
@media (min-width: 1200px){	
	.activity-vendor-artist img{
		width: 86px;
	}
	.activity-vendor-artist i.fa-light{
		font-size: 42px;
		width: 86px;
		height: 86px;
		line-height: 80px;
	} 
	.activity-vendor-artist .activity-content{
		 margin-left: 96px;
	}
}
/********social media icons**********/
.activity-item .social h3{
	margin-bottom:7px;
	
}
.activity-item .social .fa,
.activity-item .social .fa-brands{
	background-color: var(--bs-gray-400);
	margin-right:6px;
	width: 34px;
	height: 34px;
	text-align: center;
	border-radius: 34px;
	line-height: 34px;
	color: #000;
	margin-right: 5px;
	font-size: 125%;
	margin-bottom: 5px;
}

.activity-item .social a:hover .fa,
.activity-item .social a:hover .fa-brands{
	background-color: black;
	color:#fff;
}

/************learnMore************/
.learnMore.btn{
	line-height:26px;
	padding:0 12px;
	margin-top:10px;
}
.learnMore:before{
	content:"More";
	line-height: 22px;
	text-align:left;
	}
.learnMore:after{
	content: "\f107";
	display:block;
	font: normal normal normal 22px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 25px;
	width: 25px;
	float: right;
	height: 25px;
}
.learnMore.expanded:after{
	content: "\f106";
	line-height: 26px;
}

.learnMore.expanded:before{
	content:"Less";
	line-height: 26px;
	text-align:left;
	}